/* 英文字体 */
@font-face {
  font-family: 'ENnFont1';
  src: url('../assets/fonts/ENnFont/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 英文字体 */
@font-face {
  font-family: 'ENnFont2';
  src: url('../assets/fonts/ENFontTwo/pxiEyp8kv8JHgFVrJJfecg.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ENnFont3';
  src: url('../assets/fonts/ENFontThree/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ENnFont4';
  src: url('../assets/fonts/ENFontFour/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* 中文字体 */
@font-face {
  font-family: 'CNFont';
  src: url('../assets/fonts/CNFont/AlimamaFangYuanTiVF-Thin-2.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 日文字体 */
@font-face {
  font-family: 'JPFont1';
  src: url('../assets/fonts/JPFont/はなぞめフォント.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JPFont2';
  src: url('../assets/fonts/JPFontTwo/MOBO-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JPFont3';
  /* src: url('../assets/fonts/JPFontThree/GenJyuuGothic-P-Heavy.ttf') format('truetype'); */
  src: url('../assets/fonts/JPFont/はなぞめフォント.otf') format('opentype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JPFont4';
  /* src: url('../assets/fonts/JPFontFour/07NiKumaruFont.otf') format('opentype'); */
  src: url('../assets/fonts/JPFontFour/MOBO-Bold.otf') format('opentype');

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 字体类 - 添加字体加载失败的回退方案 */
.font-ENnFont {
  font-family: 'ENnFont', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 110% !important;
  letter-spacing: 0.5px !important;
}

.font-CNFont {
  font-family: 'CNFont', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif !important;
  font-size: 105% !important;
}

.font-JPFont {
  font-family: 'JPFont', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
  font-size: 105% !important;
  letter-spacing: 0.2px !important;
}

.custom-scroll-x {
  overflow-x: hidden;
  transition: overflow-x 0.2s;
}

.custom-scroll-x:hover {
  overflow-x: auto;
}

.custom-scroll-x::-webkit-scrollbar {
  height: 8px;
  background: transparent;
}

.custom-scroll-x:hover::-webkit-scrollbar {
  background: #222;
}

.custom-scroll-x::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 4px;
}

.custom-scroll-x:hover::-webkit-scrollbar-thumb {
  background: #FC768A;
}

@font-face {
  font-family: 'logoFont';
  src: url('../assets/fonts/logoFont/GreatVibes-Regular.ttf') format('truetype');
  /* font-weight: 800; */
  font-style: normal;
  font-display: swap;
}

.font-logoFont {
  font-family: 'logoFont', 'Great Vibes', cursive, serif !important;
  font-size: 120% !important;
  letter-spacing: 1px !important;
}

/* 字体预加载提示 - 可选的优化 */
.font-loading {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.font-loaded {
  opacity: 1;
}